<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>p6_元素的阴影</title>
        <style>
            div{
                width: 200px;
                height: 100px;
                background-color: peru;
                /*X轴偏移量 Y轴偏移量 羽化值 阴影扩展半径 阴影颜色*/
                box-shadow: 20px 20px 10px 20px palevioletred;
                /*边框圆角是长方形高度的一半 可以切出来胶囊型*/
                border-radius: 50px;
            }
        </style>
    </head>
    <body>
        <div> </div>

    </body>
</html>